<style type="text/css">
	span{float: left;}
	aa{float: left;position: absolute;}
	ul li{list-style:none}
</style>
		<span>公告:</span>
		<ul id="aa">
		@foreach($notice as $k=>$v)
		<li class="a"><a href="{{url('/notice/notice',['id'=>$v->id])}}">【{{$v->title}}】</a></li>
		@endforeach
		</ul>
<script type="text/javascript" src="/Home/zhuce/Scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    $("#aa li:not(:first)").css("display","none");
    $(document).ready(function(){
    var B=$("#aa li:last");
    var C=$("#aa li:first");
    setInterval(function(){
    	//:visible 匹配所有的可见元素
    if(B.is(":visible")){
    	//淡出  并添加class
    C.fadeIn(500).addClass("in");
    B.hide();
    }else{
    $("#aa li:visible").addClass("in");
    //fadeIn淡出
    $("#aa li.in").next().fadeIn(500);
    //隐藏 并移出
    $("li.in").hide().removeClass("in")}
    },3000) //每3秒钟切换一条，你可以根据需要更改
})
</script>
